<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
  <script src="lib/jquery/jquery.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.min.js"></script>
  <link rel="stylesheet" type="text/css" media="screen" href="css/pre_body.css">
  <link rel="stylesheet" type="text/css" media="screen" href="css/main_body.css">
  <link rel="stylesheet" type="text/css" media="screen" href="css/introduce.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="css/production.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="css/group.css" />

  <!--  <script type="text/javascript" src="js/sign.js"></script> -->
  <title>欢迎</title>
</head>
<body id="wrap_body">

<div id="pre_page">
  <svg id="font_span">
    <g id="welwcome">
      <g class="word_W letter">
        <g class="word W">
          <!-- <rect x="2" y="8" width="6" height="6"></rect> -->
          <rect x="2" y="8" width="3" height="3"></rect>
          <rect x="5.3" y="8" width="3" height="3"></rect>
          <rect x="2" y="11.3" width="3" height="3"></rect>
          <rect x="5.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="5" y="17" width="6" height="6"></rect> -->
          <rect x="5" y="17" width="3" height="3"></rect>
          <rect x="8.3" y="17" width="3" height="3"></rect>
          <rect x="5" y="20.3" width="3" height="3"></rect>
          <rect x="8.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="7" y="26" width="6" height="6"></rect> -->
          <rect x="7" y="26" width="3" height="3"></rect>
          <rect x="10.3" y="26" width="3" height="3"></rect>
          <rect x="7" y="29.3" width="3" height="3"></rect>
          <rect x="10.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="9" y="35" width="6" height="6"></rect> -->
          <rect x="9" y="35" width="3" height="3"></rect>
          <rect x="12.3" y="35" width="3" height="3"></rect>
          <rect x="9" y="38.3" width="3" height="3"></rect>
          <rect x="12.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="12" y="44" width="3" height="3"></rect> -->
          <rect x="12" y="44" width="3" height="3"></rect>
          <rect x="15.3" y="44" width="3" height="3"></rect>
          <rect x="12" y="47.3" width="3" height="3"></rect>
          <rect x="15.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="17" y="35" width="3" height="3"></rect> -->
          <rect x="17" y="35" width="3" height="3"></rect>
          <rect x="20.3" y="35" width="3" height="3"></rect>
          <rect x="17" y="38.3" width="3" height="3"></rect>
          <rect x="20.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="19" y="26" width="3" height="3"></rect> -->
          <rect x="19" y="26" width="3" height="3"></rect>
          <rect x="22.3" y="26" width="3" height="3"></rect>
          <rect x="19" y="29.3" width="3" height="3"></rect>
          <rect x="22.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="22" y="17" width="3" height="3"></rect> -->
          <rect x="22" y="17" width="3" height="3"></rect>
          <rect x="25.3" y="17" width="3" height="3"></rect>
          <rect x="22" y="20.3" width="3" height="3"></rect>
          <rect x="25.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="26" y="8" width="3" height="3"></rect> -->
          <rect x="26" y="8" width="3" height="3"></rect>
          <rect x="29.3" y="8" width="3" height="3"></rect>
          <rect x="26" y="11.3" width="3" height="3"></rect>
          <rect x="29.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="31" y="17" width="3" height="3"></rect> -->
          <rect x="31" y="17" width="3" height="3"></rect>
          <rect x="34.3" y="17" width="3" height="3"></rect>
          <rect x="31" y="20.3" width="3" height="3"></rect>
          <rect x="34.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="33" y="26" width="3" height="3"></rect> -->
          <rect x="33" y="26" width="3" height="3"></rect>
          <rect x="36.3" y="26" width="3" height="3"></rect>
          <rect x="33" y="29.3" width="3" height="3"></rect>
          <rect x="36.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="35" y="35" width="3" height="3"></rect> -->
          <rect x="35" y="35" width="3" height="3"></rect>
          <rect x="38.3" y="35" width="3" height="3"></rect>
          <rect x="35" y="38.3" width="3" height="3"></rect>
          <rect x="38.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="39" y="44" width="3" height="3"></rect> -->
          <rect x="39" y="44" width="3" height="3"></rect>
          <rect x="42.3" y="44" width="3" height="3"></rect>
          <rect x="39" y="47.3" width="3" height="3"></rect>
          <rect x="42.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="44" y="35" width="3" height="3"></rect> -->
          <rect x="44" y="35" width="3" height="3"></rect>
          <rect x="47.3" y="35" width="3" height="3"></rect>
          <rect x="44" y="38.3" width="3" height="3"></rect>
          <rect x="47.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="46" y="26" width="3" height="3"></rect> -->
          <rect x="46" y="26" width="3" height="3"></rect>
          <rect x="49.3" y="26" width="3" height="3"></rect>
          <rect x="46" y="29.3" width="3" height="3"></rect>
          <rect x="49.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="48" y="17" width="3" height="3"></rect> -->
          <rect x="48" y="17" width="3" height="3"></rect>
          <rect x="51.3" y="17" width="3" height="3"></rect>
          <rect x="48" y="20.3" width="3" height="3"></rect>
          <rect x="51.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word W">
          <!-- <rect x="50" y="8" width="3" height="3"></rect> -->
          <rect x="50" y="8" width="3" height="3"></rect>
          <rect x="53.3" y="8" width="3" height="3"></rect>
          <rect x="50" y="11.3" width="3" height="3"></rect>
          <rect x="53.3" y="11.3" width="3" height="3"></rect>
        </g>
      </g>
      <g class="word_E letter">
        <g class="word E">
          <!-- <rect x="62" y="8" width="6" height="6"></rect> -->
          <rect x="62" y="8" width="3" height="6"></rect>
          <rect x="65.3" y="8" width="3" height="3"></rect>
          <rect x="62" y="11.3" width="3" height="3"></rect>
          <rect x="65.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="70" y="8" width="3" height="3"></rect> -->
          <rect x="70" y="8" width="3" height="3"></rect>
          <rect x="73.3" y="8" width="3" height="3"></rect>
          <rect x="70" y="11.3" width="3" height="3"></rect>
          <rect x="73.3" y="11.3" width="3" height="3"></rect>
        </g>

        <g class="word E">
          <!-- <rect x="78" y="8" width="3" height="3"></rect> -->
          <rect x="78" y="8" width="3" height="3"></rect>
          <rect x="81.3" y="8" width="3" height="3"></rect>
          <rect x="78" y="11.3" width="3" height="3"></rect>
          <rect x="81.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="86" y="8" width="3" height="3"></rect> -->
          <rect x="86" y="8" width="3" height="3"></rect>
          <rect x="89.3" y="8" width="3" height="3"></rect>
          <rect x="86" y="11.3" width="3" height="3"></rect>
          <rect x="89.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="62" y="17" width="3" height="3"></rect> -->
          <rect x="62" y="17" width="3" height="3"></rect>
          <rect x="65.3" y="17" width="3" height="3"></rect>
          <rect x="62" y="20.3" width="3" height="3"></rect>
          <rect x="65.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="62" y="26" width="3" height="3"></rect> -->
          <rect x="62" y="26" width="3" height="3"></rect>
          <rect x="65.3" y="26" width="3" height="3"></rect>
          <rect x="62" y="29.3" width="3" height="3"></rect>
          <rect x="65.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="62" y="35" width="3" height="3"></rect> -->
          <rect x="62" y="35" width="3" height="3"></rect>
          <rect x="65.3" y="35" width="3" height="3"></rect>
          <rect x="62" y="38.3" width="3" height="3"></rect>
          <rect x="65.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="62" y="44" width="3" height="3"></rect> -->
          <rect x="62" y="44" width="3" height="3"></rect>
          <rect x="65.3" y="44" width="3" height="3"></rect>
          <rect x="62" y="47.3" width="3" height="3"></rect>
          <rect x="65.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="70" y="26" width="3" height="3"></rect> -->
          <rect x="70" y="26" width="3" height="3"></rect>
          <rect x="73.3" y="26" width="3" height="3"></rect>
          <rect x="70" y="29.3" width="3" height="3"></rect>
          <rect x="73.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="78" y="26" width="3" height="3"></rect> -->
          <rect x="78" y="26" width="3" height="3"></rect>
          <rect x="81.3" y="26" width="3" height="3"></rect>
          <rect x="78" y="29.3" width="3" height="3"></rect>
          <rect x="81.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="86" y="26" width="3" height="3"></rect> -->
          <rect x="86" y="26" width="3" height="3"></rect>
          <rect x="89.3" y="26" width="3" height="3"></rect>
          <rect x="86" y="29.3" width="3" height="3"></rect>
          <rect x="89.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="70" y="44" width="3" height="3"></rect> -->
          <rect x="70" y="44" width="3" height="3"></rect>
          <rect x="73.3" y="44" width="3" height="3"></rect>
          <rect x="70" y="47.3" width="3" height="3"></rect>
          <rect x="73.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="78" y="44" width="3" height="3"></rect> -->
          <rect x="78" y="44" width="3" height="3"></rect>
          <rect x="81.3" y="44" width="3" height="3"></rect>
          <rect x="78" y="47.3" width="3" height="3"></rect>
          <rect x="81.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word E">
          <!-- <rect x="86" y="44" width="3" height="3"></rect> -->
          <rect x="86" y="44" width="3" height="3"></rect>
          <rect x="89.3" y="44" width="3" height="3"></rect>
          <rect x="86" y="47.3" width="3" height="3"></rect>
          <rect x="89.3" y="47.3" width="3" height="3"></rect>
        </g>
      </g>
      <g class="word_L letter">
        <g class="word L">
          <!-- <rect x="101" y="8" width="6" height="6"></rect> -->
          <rect x="101" y="8" width="3" height="3"></rect>
          <rect x="104.3" y="8" width="3" height="3"></rect>
          <rect x="101" y="11.3" width="3" height="3"></rect>
          <rect x="104.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word L">
          <!-- <rect x="101" y="17" width="3" height="3"></rect> -->
          <rect x="101" y="17" width="3" height="3"></rect>
          <rect x="104.3" y="17" width="3" height="3"></rect>
          <rect x="101" y="20.3" width="3" height="3"></rect>
          <rect x="104.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word L">
          <!-- <rect x="101" y="26" width="3" height="3"></rect> -->
          <rect x="101" y="26" width="3" height="3"></rect>
          <rect x="104.3" y="26" width="3" height="3"></rect>
          <rect x="101" y="29.3" width="3" height="3"></rect>
          <rect x="104.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word L">
          <!-- <rect x="101" y="35" width="3" height="3"></rect> -->
          <rect x="101" y="35" width="3" height="3"></rect>
          <rect x="104.3" y="35" width="3" height="3"></rect>
          <rect x="101" y="38.3" width="3" height="3"></rect>
          <rect x="104.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word L">
          <!-- <rect x="101" y="44" width="3" height="3"></rect> -->
          <rect x="101" y="44" width="3" height="3"></rect>
          <rect x="104.3" y="44" width="3" height="3"></rect>
          <rect x="101" y="47.3" width="3" height="3"></rect>
          <rect x="104.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word L">
          <!-- <rect x="109" y="44" width="3" height="3"></rect> -->
          <rect x="109" y="44" width="3" height="3"></rect>
          <rect x="112.3" y="44" width="3" height="3"></rect>
          <rect x="109" y="47.3" width="3" height="3"></rect>
          <rect x="112.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word L">
          <!-- <rect x="117" y="44" width="3" height="3"></rect> -->
          <rect x="117" y="44" width="3" height="3"></rect>
          <rect x="120.3" y="44" width="3" height="3"></rect>
          <rect x="117" y="47.3" width="3" height="3"></rect>
          <rect x="120.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word L">
          <!-- <rect x="125" y="44" width="3" height="3"></rect> -->
          <rect x="125" y="44" width="3" height="3"></rect>
          <rect x="128.3" y="44" width="3" height="3"></rect>
          <rect x="125" y="47.3" width="3" height="3"></rect>
          <rect x="128.3" y="47.3" width="3" height="3"></rect>
        </g>
      </g>
      <g class="word_C letter">
        <g class="word C">
          <!-- <rect x="165" y="16" width="3" height="3"></rect> -->
          <rect x="165" y="16" width="3" height="3"></rect>
          <rect x="168.3" y="16" width="3" height="3"></rect>
          <rect x="165" y="19.3" width="3" height="3"></rect>
          <rect x="168.3" y="19.3" width="3" height="3"></rect>
        </g>
        <g class="word C">
          <!-- <rect x="159" y="9" width="3" height="3"></rect> -->
          <rect x="159" y="9" width="3" height="3"></rect>
          <rect x="162.3" y="9" width="3" height="3"></rect>
          <rect x="159" y="12.3" width="3" height="3"></rect>
          <rect x="162.3" y="12.3" width="3" height="3"></rect>
        </g>
        <g class="word C">
          <!-- <rect x="150" y="7" width="3" height="3"></rect> -->
          <rect x="150" y="7" width="3" height="3"></rect>
          <rect x="153.3" y="7" width="3" height="3"></rect>
          <rect x="150" y="10.3" width="3" height="3"></rect>
          <rect x="153.3" y="10.3" width="3" height="3"></rect>
        </g>
        <g class="word C">
          <!-- <rect x="140" y="9" width="3" height="3"></rect> -->
          <rect x="140" y="9" width="3" height="3"></rect>
          <rect x="143.3" y="9" width="3" height="3"></rect>
          <rect x="140" y="12.3" width="3" height="3"></rect>
          <rect x="143.3" y="12.3" width="3" height="3"></rect>
        </g>
        <g class="word C">
          <!-- <rect x="134" y="18" width="3" height="3"></rect> -->
          <rect x="134" y="18" width="3" height="3"></rect>
          <rect x="137.3" y="18" width="3" height="3"></rect>
          <rect x="134" y="21.3" width="3" height="3"></rect>
          <rect x="137.3" y="21.3" width="3" height="3"></rect>
        </g>
        <g class="word C">
          <!-- <rect x="133" y="27" width="3" height="3"></rect> -->
          <rect x="133" y="27" width="3" height="3"></rect>
          <rect x="137.3" y="27" width="3" height="3"></rect>
          <rect x="133" y="30.3" width="3" height="3"></rect>
          <rect x="137.3" y="30.3" width="3" height="3"></rect>
        </g>
        <g class="word C">
          <!-- <rect x="135" y="36" width="3" height="3"></rect> -->
          <rect x="135" y="36" width="3" height="3"></rect>
          <rect x="138.3" y="36" width="3" height="3"></rect>
          <rect x="135" y="39.3" width="3" height="3"></rect>
          <rect x="138.3" y="39.3" width="3" height="3"></rect>
        </g>
        <g class="word C">
          <!-- <rect x="140" y="45" width="3" height="3"></rect> -->
          <rect x="140" y="45" width="3" height="3"></rect>
          <rect x="143.3" y="45" width="3" height="3"></rect>
          <rect x="140" y="48.3" width="3" height="3"></rect>
          <rect x="143.3" y="48.3" width="3" height="3"></rect>
        </g>
        <g class="word C">
          <!-- <rect x="150" y="47" width="3" height="3"></rect> -->
          <rect x="150" y="47" width="3" height="3"></rect>
          <rect x="153.3" y="47" width="3" height="3"></rect>
          <rect x="150" y="50.3" width="3" height="3"></rect>
          <rect x="153.3" y="50.3" width="3" height="3"></rect>
        </g>
        <g class="word C">
          <!-- <rect x="160" y="44" width="3" height="3"></rect> -->
          <rect x="160" y="44" width="3" height="3"></rect>
          <rect x="163.3" y="44" width="3" height="3"></rect>
          <rect x="160" y="47.3" width="3" height="3"></rect>
          <rect x="163.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word C">
          <!-- <rect x="165" y="36" width="3" height="3"></rect> -->
          <rect x="165" y="36" width="3" height="3"></rect>
          <rect x="168.3" y="36" width="3" height="3"></rect>
          <rect x="165" y="39.3" width="3" height="3"></rect>
          <rect x="168.3" y="39.3" width="3" height="3"></rect>
        </g>
      </g>
      <g class="word_O letter">
        <g class="word O">
          <!-- <rect x="194" y="6" width="3" height="3"></rect> -->
          <rect x="194" y="6" width="3" height="3"></rect>
          <rect x="197.3" y="6" width="3" height="3"></rect>
          <rect x="194" y="9.3" width="3" height="3"></rect>
          <rect x="197.3" y="9.3" width="3" height="3"></rect>
        </g>
        <g class="word O">
          <!-- <rect x="184" y="9" width="3" height="3"></rect> -->
          <rect x="184" y="9" width="3" height="3"></rect>
          <rect x="187.3" y="9" width="3" height="3"></rect>
          <rect x="184" y="12.3" width="3" height="3"></rect>
          <rect x="187.3" y="12.3" width="3" height="3"></rect>
        </g>
        <g class="word O">
          <!-- <rect x="178" y="18" width="3" height="3"></rect> -->
          <rect x="178" y="18" width="3" height="3"></rect>
          <rect x="181.3" y="18" width="3" height="3"></rect>
          <rect x="178" y="21.3" width="3" height="3"></rect>
          <rect x="181.3" y="21.3" width="3" height="3"></rect>
        </g>
        <g class="word O">
          <!-- <rect x="177" y="29" width="3" height="3"></rect> -->
          <rect x="177" y="29" width="3" height="3"></rect>
          <rect x="180.3" y="29" width="3" height="3"></rect>
          <rect x="177" y="32.3" width="3" height="3"></rect>
          <rect x="180.3" y="32.3" width="3" height="3"></rect>
        </g>
        <g class="word O">
          <!-- <rect x="179" y="40" width="3" height="3"></rect> -->
          <rect x="179" y="40" width="3" height="3"></rect>
          <rect x="182.3" y="40" width="3" height="3"></rect>
          <rect x="179" y="43.3" width="3" height="3"></rect>
          <rect x="182.3" y="43.3" width="3" height="3"></rect>
        </g>
        <g class="word O">
          <!-- <rect x="188" y="46" width="3" height="3"></rect> -->
          <rect x="188" y="46" width="3" height="3"></rect>
          <rect x="191.3" y="46" width="3" height="3"></rect>
          <rect x="188" y="49.3" width="3" height="3"></rect>
          <rect x="191.3" y="49.3" width="3" height="3"></rect>
        </g>
        <g class="word O">
          <!-- <rect x="199" y="46" width="3" height="3"></rect> -->
          <rect x="199" y="46" width="3" height="3"></rect>
          <rect x="202.3" y="46" width="3" height="3"></rect>
          <rect x="199" y="49.3" width="3" height="3"></rect>
          <rect x="202.3" y="49.3" width="3" height="3"></rect>
        </g>
        <g class="word O">
          <!-- <rect x="209" y="40" width="3" height="3"></rect> -->
          <rect x="209" y="40" width="3" height="3"></rect>
          <rect x="212.3" y="40" width="3" height="3"></rect>
          <rect x="209" y="43.3" width="3" height="3"></rect>
          <rect x="212.3" y="43.3" width="3" height="3"></rect>
        </g>
        <g class="word O">
          <!-- <rect x="212" y="30" width="3" height="3"></rect> -->
          <rect x="212" y="30" width="3" height="3"></rect>
          <rect x="215.3" y="30" width="3" height="3"></rect>
          <rect x="212" y="33.3" width="3" height="3"></rect>
          <rect x="215.3" y="33.3" width="3" height="3"></rect>
        </g>
        <g class="word O">
          <!-- <rect x="211" y="19" width="3" height="3"></rect> -->
          <rect x="211" y="19" width="3" height="3"></rect>
          <rect x="214.3" y="19" width="3" height="3"></rect>
          <rect x="211" y="22.3" width="3" height="3"></rect>
          <rect x="214.3" y="22.3" width="3" height="3"></rect>
        </g>
        <g class="word O">
          <!-- <rect x="206" y="10" width="3" height="3"></rect> -->
          <rect x="206" y="10" width="3" height="3"></rect>
          <rect x="209.3" y="10" width="3" height="3"></rect>
          <rect x="206" y="13.3" width="3" height="3"></rect>
          <rect x="209.3" y="13.3" width="3" height="3"></rect>
        </g>
      </g>
      <g class="word_M letter">
        <g class="word M">
          <!-- <rect x="225" y="8" width="3" height="3"></rect> -->
          <rect x="225" y="8" width="3" height="3"></rect>
          <rect x="228.3" y="8" width="3" height="3"></rect>
          <rect x="225" y="11.3" width="3" height="3"></rect>
          <rect x="228.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="225" y="17" width="3" height="3"></rect> -->
          <rect x="225" y="17" width="3" height="3"></rect>
          <rect x="228.3" y="17" width="3" height="3"></rect>
          <rect x="225" y="20.3" width="3" height="3"></rect>
          <rect x="228.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="225" y="26" width="3" height="3"></rect> -->
          <rect x="225" y="26" width="3" height="3"></rect>
          <rect x="228.3" y="26" width="3" height="3"></rect>
          <rect x="225" y="29.3" width="3" height="3"></rect>
          <rect x="228.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="225" y="35" width="3" height="3"></rect> -->
          <rect x="225" y="35" width="3" height="3"></rect>
          <rect x="228.3" y="35" width="3" height="3"></rect>
          <rect x="225" y="38.3" width="3" height="3"></rect>
          <rect x="228.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="225" y="44" width="3" height="3"></rect> -->
          <rect x="225" y="44" width="3" height="3"></rect>
          <rect x="228.3" y="44" width="3" height="3"></rect>
          <rect x="225" y="47.3" width="3" height="3"></rect>
          <rect x="228.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="233" y="17" width="6" height="6"></rect> -->
          <rect x="233" y="17" width="3" height="3"></rect>
          <rect x="236.3" y="17" width="3" height="3"></rect>
          <rect x="233" y="20.3" width="3" height="3"></rect>
          <rect x="236.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="236" y="26" width="3" height="3"></rect> -->
          <rect x="236" y="26" width="3" height="3"></rect>
          <rect x="239.3" y="26" width="3" height="3"></rect>
          <rect x="236" y="29.3" width="3" height="3"></rect>
          <rect x="239.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="239" y="35" width="3" height="3"></rect> -->
          <rect x="239" y="35" width="3" height="3"></rect>
          <rect x="242.3" y="35" width="3" height="3"></rect>
          <rect x="239" y="38.3" width="3" height="3"></rect>
          <rect x="242.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="242" y="44" width="3" height="3"></rect> -->
          <rect x="242" y="44" width="3" height="3"></rect>
          <rect x="245.3" y="44" width="3" height="3"></rect>
          <rect x="242" y="47.3" width="3" height="3"></rect>
          <rect x="245.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="248" y="35" width="3" height="3"></rect> -->
          <rect x="248" y="35" width="3" height="3"></rect>
          <rect x="251.3" y="35" width="3" height="3"></rect>
          <rect x="248" y="38.3" width="3" height="3"></rect>
          <rect x="251.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="251" y="26" width="3" height="3"></rect> -->
          <rect x="251" y="26" width="3" height="3"></rect>
          <rect x="254.3" y="26" width="3" height="3"></rect>
          <rect x="251" y="29.3" width="3" height="3"></rect>
          <rect x="254.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="254" y="17" width="3" height="3"></rect> -->
          <rect x="254" y="17" width="3" height="3"></rect>
          <rect x="257.3" y="17" width="3" height="3"></rect>
          <rect x="254" y="20.3" width="3" height="3"></rect>
          <rect x="257.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="261" y="8" width="3" height="3"></rect> -->
          <rect x="261" y="8" width="3" height="3"></rect>
          <rect x="264.3" y="8" width="3" height="3"></rect>
          <rect x="261" y="11.3" width="3" height="3"></rect>
          <rect x="264.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="261" y="17" width="3" height="3"></rect> -->
          <rect x="261" y="17" width="3" height="3"></rect>
          <rect x="264.3" y="17" width="3" height="3"></rect>
          <rect x="261" y="20.3" width="3" height="3"></rect>
          <rect x="264.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="261" y="26" width="3" height="3"></rect> -->
          <rect x="261" y="26" width="3" height="3"></rect>
          <rect x="264.3" y="26" width="3" height="3"></rect>
          <rect x="261" y="29.3" width="3" height="3"></rect>
          <rect x="264.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="261" y="35" width="3" height="3"></rect> -->
          <rect x="261" y="35" width="3" height="3"></rect>
          <rect x="264.3" y="35" width="3" height="3"></rect>
          <rect x="261" y="38.3" width="3" height="3"></rect>
          <rect x="264.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word M">
          <!-- <rect x="261" y="44" width="6" height="6"></rect> -->
          <rect x="261" y="44" width="3" height="3"></rect>
          <rect x="264.3" y="44" width="3" height="3"></rect>
          <rect x="261" y="47.3" width="3" height="3"></rect>
          <rect x="264.3" y="47.3" width="3" height="3"></rect>
        </g>
      </g>
      <g class="word_E_2 letter">
        <g class="word E_2">
          <!-- <rect x="275" y="8" width="3" height="3"></rect> -->
          <rect x="275" y="8" width="3" height="3"></rect>
          <rect x="278.3" y="8" width="3" height="3"></rect>
          <rect x="275" y="11.3" width="3" height="3"></rect>
          <rect x="278.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="283" y="8" width="3" height="3"></rect> -->
          <rect x="283" y="8" width="3" height="3"></rect>
          <rect x="286.3" y="8" width="3" height="3"></rect>
          <rect x="283" y="11.3" width="3" height="3"></rect>
          <rect x="286.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="291" y="8" width="3" height="3"></rect> -->
          <rect x="291" y="8" width="3" height="3"></rect>
          <rect x="294.3" y="8" width="3" height="3"></rect>
          <rect x="291" y="11.3" width="3" height="3"></rect>
          <rect x="294.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="299" y="8" width="3" height="3"></rect> -->
          <rect x="299" y="8" width="3" height="3"></rect>
          <rect x="302.3" y="8" width="3" height="3"></rect>
          <rect x="299" y="11.3" width="3" height="3"></rect>
          <rect x="302.3" y="11.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="275" y="17" width="3" height="3"></rect> -->
          <rect x="275" y="17" width="3" height="3"></rect>
          <rect x="278.3" y="17" width="3" height="3"></rect>
          <rect x="275" y="20.3" width="3" height="3"></rect>
          <rect x="278.3" y="20.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="275" y="26" width="3" height="3"></rect> -->
          <rect x="275" y="26" width="3" height="3"></rect>
          <rect x="278.3" y="26" width="3" height="3"></rect>
          <rect x="275" y="29.3" width="3" height="3"></rect>
          <rect x="278.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="283" y="26" width="3" height="3"></rect> -->
          <rect x="283" y="26" width="3" height="3"></rect>
          <rect x="286.3" y="26" width="3" height="3"></rect>
          <rect x="283" y="29.3" width="3" height="3"></rect>
          <rect x="286.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="291" y="26" width="3" height="3"></rect> -->
          <rect x="291" y="26" width="3" height="3"></rect>
          <rect x="294.3" y="26" width="3" height="3"></rect>
          <rect x="291" y="29.3" width="3" height="3"></rect>
          <rect x="294.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="299" y="26" width="3" height="3"></rect> -->
          <rect x="299" y="26" width="3" height="3"></rect>
          <rect x="302.3" y="26" width="3" height="3"></rect>
          <rect x="299" y="29.3" width="3" height="3"></rect>
          <rect x="302.3" y="29.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="275" y="35" width="6" height="6"></rect> -->
          <rect x="275" y="35" width="3" height="3"></rect>
          <rect x="278.3" y="35" width="3" height="3"></rect>
          <rect x="275" y="38.3" width="3" height="3"></rect>
          <rect x="278.3" y="38.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="275" y="44" width="6" height="6"></rect> -->
          <rect x="275" y="44" width="3" height="3"></rect>
          <rect x="278.3" y="44" width="3" height="3"></rect>
          <rect x="275" y="47.3" width="3" height="3"></rect>
          <rect x="278.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="283" y="44" width="6" height="6"></rect> -->
          <rect x="283" y="44" width="3" height="3"></rect>
          <rect x="286.3" y="44" width="3" height="3"></rect>
          <rect x="283" y="47.3" width="3" height="3"></rect>
          <rect x="286.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="291" y="44" width="3" height="3"></rect> -->
          <rect x="291" y="44" width="3" height="3"></rect>
          <rect x="294.3" y="44" width="3" height="3"></rect>
          <rect x="291" y="47.3" width="3" height="3"></rect>
          <rect x="294.3" y="47.3" width="3" height="3"></rect>
        </g>
        <g class="word E_2">
          <!-- <rect x="299" y="44" width="3" height="3"></rect> -->
          <rect x="299" y="44" width="3" height="3"></rect>
          <rect x="302.3" y="44" width="3" height="3"></rect>
          <rect x="299" y="47.3" width="3" height="3"></rect>
          <rect x="302.3" y="47.3" width="3" height="3"></rect>
        </g>
      </g>
    </g>
  </svg>
  <div id="hover_block">
    <div class="hover_W hover"></div>
    <div class="hover_E hover"></div>
    <div class="hover_L hover"></div>
    <div class="hover_C hover"></div>
    <div class="hover_O hover"></div>
    <div class="hover_M hover"></div>
    <div class="hover_E_2 hover"></div>
  </div>
  <canvas id="font_can" width="600px" height="600px"></canvas>
  <div id="pre_body_arrow">
    <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-jiantou22"></use>
    </svg>
  </div>
</div>
<div class="navbar">
  <ul class="navbar_menu" id="navbar_menu">
    <li class="navbar_menu_item nav_active">
      <span class="menu_item_span">首页</span>
      <span class="menu_item_span_hover">首页</span>
    </li>
    <li class="navbar_menu_item">
      <span class="menu_item_span">简介</span>
      <span class="menu_item_span_hover">简介</span>
    </li>
    <li class="navbar_menu_item">
      <span class="menu_item_span">组别</span>
      <span class="menu_item_span_hover">组别</span>
    </li>
    <li class="navbar_menu_item">
      <span class="menu_item_span">大事记</span>
      <span class="menu_item_span_hover">大事记</span>
    </li>
    <li class="navbar_menu_item">
      <span class="menu_item_span">作品</span>
      <span class="menu_item_span_hover">作品</span>
    </li>
    <li class="navbar_menu_item">
      <span class="menu_item_span">加入/联系</span>
      <span class="menu_item_span_hover">加入/联系</span>
    </li>
    <span id="can_button">
            <canvas id="nav_can" width="44" height="44"></canvas>
          </span>
  </ul>
</div>
<section id="main" style="top:0px;transition: top 0.3s ease-in">
  <div id="home_page" class="page" >
    <div id="join_item" class="home_page_item"></div>
    <div id="web_item" class="home_page_item"></div>
    <div id="design_item" class="home_page_item"></div>
    <div id="ios_item" class="home_page_item"></div>
    <div id="pm_item" class="home_page_item"></div>
    <div id="lab_item" class="home_page_item"></div>
    <div id="android_item" class="home_page_item"></div>
    <div id="game_item" class="home_page_item"></div>
    <canvas id="home_can" width="1000" height="500">您的浏览器不支持canvas</canvas>
  </div>

  <!-- 介绍团队  -->
  <div id="introduce_page" class="page">
    <div id="banner"><!-- 轮播 -->
      <div id="pic"><!-- 轮播图片布局 -->
        <img src="images/1.jpg" id="banner-img">
        <!-- <a href="javascript:;" id="prve"><</a>左边切换按钮 -->
        <!-- <a href="javascript:;" id="next">></a>右边边切换按钮 -->
        <span id="span">数量正在加载中......</span><!--图片数量 -->
        <span id="p">图片正在加载中.......</span><!--图片说明 -->
        <ul id="ul"></ul><!-- 轮播小圆点 -->
      </div>
      <div id="word">轮播图片文字介绍正在加载中....... </div><!--介绍文字说明-->
    </div>
  </div>
  <!--介绍组别  -->
  <div id="group_page" class="page" style="background-color: black">
    <div id="slideCallback">
      <div class="content" id="g-content">
      </div>
      <div class="tag">
        <ul class="j_slideTags" id="j_slideTags"></ul>
      </div>
    </div>

  </div>

  <!-- 介绍事件 -->
  <div id="event_page" class="page">
    <div id="event_years" class="event_years">

      <canvas id="event_can" width="1000" height="500">您的浏览器不支持canvas</canvas>
    </div>
    <div id="event_detail" class="event_detail" >
      <!--轮播小圆点-->
      <ul id="indicators">
      </ul>

      <div id="inner" style="left:0px"><!-- 轮播项 -->
      </div>
      <div class="event_imageBox"><!-- style="display: block" -->

      </div>
      <a id="event_prev" style="background-color: black"></a>
      <a id="event_next" style="background-color: black"></a>
      <a id="event_back"></a>
    </div>
  </div>

  <!-- 作品介绍 -->
  <div id="production_page" class="page">
    <div id="han_word">轮播图片文字介绍正在加载中.......</div>
    <div id="automatic">
      <!--左按钮-->
      <div class="prev_div"></div>
      <a class="prev" href="###">
        <span class="icon1"></span>
        <span class="ico"></span>
        <span class="text"></span>
      </a>
      <!--右按钮-->
      <div class="next_div"></div>
      <a class="next" href="###">
        <span class="icon1"></span>
        <span class="ico"></span>
        <span class="text"></span>
      </a>
      <ul id="han_ul">
      </ul>
    </div>
  </div>

  <!-- 报名 -->
  <div id="signup_page" class="page">
    <!-- <h1>报名</h1> -->
    <div class="signup_container w3layouts agileits">
      <div class="login w3layouts agileits">
        <h2>个人信息</h2>
        <input id="username" type="text" placeholder="请输入姓名">
        <p class="p"></p>
        <input id="class" type="text" placeholder="请输入专业班级">
        <p class="p"></p>
        <input id="phone" type="text" placeholder="请输入电话">
        <p class="p"></p>
        <select id="gender">
          <option value="" class="selectbg">请选择性别</option>
          <option value="" class="selectbg">男</option>
          <option value="" class="selectbg">女</option>
        </select>
        <p></p>
        <select id="majorGroup">
          <option value="" class="selectbg">请选择组别</option>
          <option value="" class="selectbg">前端开发</option>
          <option value="" class="selectbg">后台开发</option>
        </select>
        <p></p>
      </div>
      <div class="register w3layouts agileits">
        <h2>个人介绍</h2>
        <form action="#" method="post">
          <textarea id="introduction" placeholder="请简单介绍你自己对这个团队的认识以及你对本专业的学习情况" ></textarea>
        </form>
        <div class="send-button w3layouts agileits">
          <form>
            <input type="button" id="send" value="提交">
            <p></p>
          </form>
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</section>
</body>
<script type="text/javascript" src="public/jquery.js"></script>
<script type="text/javascript" src="js/pre_body.js"></script>
<script src="js/iconfont.js"></script>
<script type="text/javascript" language="JavaScript" src="js/main_body.js" charset="gbk"></script>
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/event.js"></script>
<script type="text/javascript" src="js/introduce.js"></script>
<script type="text/javascript" src="js/production.js"></script>
<script type="text/javascript" src="js/group.js"></script>
<script type="text/javascript" src="js/signUp.js"></script>
</html>


  